<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0;"/>
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/animate.css" />
	</head>
	<body>
	    <section id="full-height">
	       <div class="banner-veil"></div>
	       <div class="home-container">
	       	   <div class="ls-wrapper">
	       	   	   <div class="liquid-slider">
	       	   	   	   <div class="panel-container">
	       	   	   	   	   <div class="everyone animated bounceIn" id="title-top">
	       	   	   	   	   	   <div class="panel-wrapper">
	       	   	   	   	   	   	   <h1><strong>微尘文化</strong></h1>
	       	   	   	   	   	   	   <h3><strong>专注数字整合营销</strong></h3>
	       	   	   	   	   	   	   <p>作为您的合作伙伴，我们专注回馈您的投资</p>
	       	   	   	   	   	   	   <div class="home-btn">
	       	   	   	   	   	   	   	   <h4 class="btn-home">
	       	   	   	   	   	   	   	   	   <a href="#">为什么选择我们？</a>
	       	   	   	   	   	   	   	   </h4>
	       	   	   	   	   	   	   </div>
	       	   	   	   	   	   </div>
	       	   	   	   	   </div>	       	   	   	   	          	   	   	   	   
	       	   	   	   </div>
	       	   	   </div>
	       	   </div>
	       </div>
	       <div class="banner-btn">
	       	   <div class="container text-center">
	       	   	   <div class="move">
	       	   	   <a href="javascript:;" class="fa fa-chevron-down" id="slide-btn"></a>
	       	   	   <div class="dot"></div>
	       	   	   </div>
	       	   </div>
	       </div>
	       <div class="banner-bg yx-rotaion">
	       	   <ul class="rotaion_list">
	       	   	   <li><img src="img/ban1.jpg" alt="" /></li>
	       	   	   <li><img src="img/ban2.jpg" alt="" /></li>
	       	   	   <li><img src="img/ban3.jpg" alt="" /></li>
	       	   	   <li><img src="img/ban4.jpg" alt="" /></li>
	       	   </ul>
	       </div>
	    </section>
		<!--nav-->		
		<nav class="navbar navbar-default navbar-wrapper nav-width">
           <div class="container-fluid">
               <div class="container">
                   <div class="navbar-header">
                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                         <span class="sr-only">Toggle navigation</span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                      </button>
                      <a class="navbar-brand nav-title" href="index.html">微尘文化</a>
                   </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
                   <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                      <ul class="nav navbar-nav navbar-right">
                         <li><a href="index.html">首页</a></li>
                         <li class="dropdown">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于微尘</a>
                             <ul class="dropdown-menu">
                                <li><a href="aboutus.html">了解围城</a></li>
                                <li><a href="aboutus.html">微尘团队</a></li>
                                <li><a href="aboutus.html">加入微尘</a></li>
                                <li><a href="index.html">关注微尘</a></li>
                                <li><a href="news-list.html">微尘动态</a></li>
                             </ul>
                         </li>
                         <li class="dropdown">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">业务范围</a>
                             <ul class="dropdown-menu">
                                <li><a href="index.html">全网全案策略</a></li>
            	                <li><a href="index.html">EPR-品牌口碑包装推广</a></li>
            				    <li><a href="index.html">SMM-社交</a></li>
                                <li><a href="index.html">AWB-APP、H5设计制作</a></li>
                                <li><a href="index.html">SVM-视频制作及推广</a></li>
                                <li><a href="index.html">MediaBuy-广告投放</a></li>
                                <li><a href="index.html">DSP-需求方广告投放优化</a></li>
                                <li><a href="index.html">SEO-搜索引擎优化</a></li>
                                <li><a href="index.html">SEM-搜索引擎推广优化</a></li>
                                <li><a href="index.html">IP-动漫IP授权</a></li>
                             </ul>
                         </li>  
        	             <li><a href="case.html">合作案例</a></li>
        	             <li class="dropdown">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">微视角</a>
                             <ul class="dropdown-menu">
                               <li><a href="news-list.html">热点聚焦</a></li>
                               <li><a href="news-list.html">微尘脑洞</a></li>
                               <li><a href="news-list.html">微尘日常</a></li>
                             </ul>
                         </li>
                         <li><a href="aboutus.html">联系我们</a></li>
                       </ul>
                    </div><!-- /.navbar-collapse -->
               </div>
           </div><!-- /.container-fluid -->
        </nav>
        
        <!--第一幕-->
        <div class="container" id="services">
        	<div class="row">
        		<div class="col-md-6  first-top">
        			<h2><strong>我们为您提供高品质的整合营销服务！</strong></h2>
        			<h2><strong>Crafting With Love</strong></h2>
        			<br>
        			<p>微尘提供数字整合营销服务，我们很用心的为每一个客户提供高品质的服务，我们是您坚实的后盾！</p>
        			<p>我们拥有丰富的跨行业经验，善于快速掌握您的业务，为您制定一整套整合营销方案，高效的管理和执行方案，从数据中洞察和把握商机，提升您的发展速度。</p>
        			<a href="#" class="btn btn-primary btn-lg btn-responsive first-btn">马上联系我们</a>
        		</div>
        		<div class="col-md-6 logo-img">
        			<img src="img/logo.jpg" alt="" />
        		</div>
        		<!--
        		<div class="col-md-6">
        			<div>
        			    <video class="first-video" controls>
					        <source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></source>
				        </video>
        			</div>
        			<div class="first-enjoy">
        				<a href="#"></a>
        				<a href="#" class="weixin"></a>
        				<a href="#" class="qq"></a>
        				<a href="#" class="xinlang"></a>
        				<a href="#" class="facebook"></a>
        				<a href="#" class="twitter"></a>
        				<a href="#" class="linkedin"></a>
        			</div>
        		</div> -->
        	</div>       	
        </div>
        
        <!--第二幕-->
        
        <div class="second-bd" data-stellar-background-ratio="0.7" id="second-sj">
        	<div class="parallax-overlay"></div>
        	<div class="row second-word wow flipInX animated">
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>什么是网络整合营销？</strong></h2>
        			<br>
        			<p class="color-white">通俗的说，网络整合营销就是让每个营销推广渠道互相关联促进，相辅相成，达到 1+1 > 2 的效果。在营销推广成本日益增高的今天，网络整合营销推广已经是企业必须采取的营销推广策略。</p>
        			<br>
        		</div>
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>什么是微整合营销？</strong></h2>
        			<br>
        			<p class="color-white">微整合营销是微尘倡导的创新整合营销推广策略，20%的营销推广渠道决定80%的业绩效果，微整合营销抓住20%的核心营销推广渠道。我们根据网民习惯将七种核心网络营销推广手段有效的结合起来，实现您渴求的效果。
</p>
        			<br>
        		</div>
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>为什么选择微尘</strong></h2>
        			<br>
        			<p class="color-white">最核心的理由是：微尘把自己当作贵司的外脑部门来协同工作，专注实现目标，我们不是服务商，我们是您的合作伙伴。此外，微尘核心团队有10年数字营销行业经验，我们值得您的信赖。
</p>
        			<br>
        		</div>
        	</div>
        </div>
        
        <!--第三幕-->
        <div class="container text-center margin-top-30px">
        	<div class="color-333">
        	    <h3 class="color-333">微尘，新时代整合营销领导者</h3>
        	    <small>包含主流的精准营销服务项目</small>       	    
        	    <p class="third-sm">专业的技能、丰富的经验、 触动的创意、<span class="color-im">合适的策略</span>、规范的管理</p>
        	</div>
        	<div class="row margin-top-30px">
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-television" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title color-change">响应式网站建设（AWB）</a>
        				<p class="small-title">自动适应不同尺寸的屏幕</p>
        				<p>通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-github-alt" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">搜索引擎优化（SEO）</a>
        				<p class="small-title">整站优化提升关键词排名和自然流量</p>
        				<p>对网站内部技术和内容的改进，对外部链接和口碑传播进行优化。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-coffee" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">搜索引擎推广（SEM）</a>
        				<p class="small-title">更有效的管理广告预算</p>
        				<p>针对账户结构、关键词选择、创意文案、竞价策略、转化指标进行优化。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-map-o" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change" >需求方平台广告（DSP）</a>
        				<p class="small-title">覆盖综合门户和优质垂直网站</p>
        				<p>针对广告创意、人群属性定向、竞价策略、转化指标进行优化。</p>
        			</div>
        		</div>
        	</div>	
        	<div class="row">	
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-dot-circle-o" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">品牌在线口碑（EPR）</a>
        				<p class="small-title">维护品牌的认知和美誉</p>
        				<p>信息广泛覆盖新闻、百科、问答、词条、文库、论坛、博客、微博等，并提供舆情监测。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-bars" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">社交媒体推广（SMM）</a>
        				<p class="small-title">通过优质内容吸引更多目标人群</p>
        				<p>在社交媒体建立、运营、推广官方账号，聚集优质关注者。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-video-camera" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left ">
        				<a href="#" class="big-title  color-change">短视频制作和推广（SVM）</a>
        				<p class="small-title">视频是移动互联网时代的核心传播形式</p>
        				<p>针对旗舰产品拍摄商品介绍视频、针对品牌拍摄软性植入的创意视频。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-info-circle" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">全网整合营销外包</a>
        				<p class="small-title">从建站到推广一站式外包服务</p>
        				<p>极大程度上降低管理和执行成本，真正实现1+1>3的效果。</p>
        			</div>
        		</div>       		
        	</div>
        	<div class="row">
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-flag" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">IP合作（IP）</a>
        				<p class="small-title">时下最热门的各类</p>
        				<p>动漫影视游戏IP，各种合作、授权</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-google-wallet" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left ">
        				<a href="#" class="big-title  color-change">线下活动策划及推广(OFFL)</a>
        				<p class="small-title">各种行业大会、赛</p>
        				<p>事、活动、发布会、嘉年华等</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-paypal" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">广告采买（MB）</a>
        				<p class="small-title">各种移动端、PC端、</p>
        				<p>新媒体等的软硬广采买</p>
        			</div>
        		</div>
        	</div>
        	<div class="row margin-top-30px">
        		<h2><strong>为什么选择微尘？</strong></h2>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-print" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<h3><strong>8年</strong></h3>
        				<h4><strong>营销服务经验</strong></h4>
        				<p>“私人定制”属于您的方案。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-paper-plane-o" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<h3><strong>完整的</strong></h3>
        				<h4><strong>立体化资源</strong></h4>
        				<p>能够满足客户各种营销需求</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-heart" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<h3><strong>11项</strong></h3>
        				<h4><strong>精准营销服务项目</strong></h4>
        				<p>一站式服务，省心，省力，省钱。</p>
        			</div>
        		</div>
        		<div class="col-md-3 margin-top-30px wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-bullhorn" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<h3><strong>上百个</strong></h3>
        				<h4><strong>成功案例</strong></h4>
        				<p>涵盖各主流行业，获得客户广泛认可。</p>
        			</div>
        		</div>
        	</div>
        </div>
        <!--第四幕-->
     <!--   <div class="second-bd" data-stellar-background-ratio="0.7" >
            <div class="parallax-overlay"></div>
            <div class="second-word wow flipInX animated row">
            	<div class="col-md-6">
            		<h2 class="color-white fourth-one"><strong>考核指标</strong></h2>
            		<h3><strong>可以选多项指标进行组合考核</strong></h3>
            		<p>&nbsp;</p>
            		<p>微尘营销能够熟练安装或者支持您正在使用的数据跟踪系统，不仅如此我们还拥有独立研发的数据跟踪系统“云迹跟踪”，来准确跟踪和分析各项关键指标数据。</p>
            		<p>&nbsp;</p>
            		<p>微尘营销能够熟练安装或者支持您正在使用的数据跟踪系统，不仅如此我们还拥有独立研发的数据跟踪系统“云迹跟踪”，来准确跟踪和分析各项关键指标数据。</p>
            		<a href="#" class="btn btn-primary btn-lg btn-responsive first-btn">马上索要方案和报价</a>
            	</div>
            	<div class="col-md-6">
            	</div>
            </div>
     </div>-->
        <!--第五幕-->
    <!--     <div class="container margin-top-30px text-center">
        	<small>好的营销推广需要好的技术支持</small>
        	<h2><strong>我们的技术产品</strong></h2>
        	<div class="row margin-top-30px">
        		<div class="col-md-4 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-desktop" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
        				<p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
        			</div>
        		</div>
        		<div class="col-md-4 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-desktop" aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
        				<p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
        			</div>
        		</div>
        		<div class="col-md-4 margin-top-30px  wow flipInX animated">
        			<div class="third-icon">
        				<span class="fa fa-desktop " aria-hidden="true"></span>
        			</div>
        			<div class="third-word text-left">
        				<a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
        				<p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
        			</div>
        		</div>
        	</div>
        	<a href="#" class="btn btn-primary btn-lg btn-responsive first-btn margin-20-30">马上索要方案和报价</a>
        </div>  -->
        
        <!--第六幕-->
        <div class="second-bd" data-stellar-background-ratio="0.7" >
        	<div class="parallax-overlay"></div>
        	<div class="home-container ">
	       	   <div class="ls-wrapper" style="overflow: hidden;">
	       	   	   
	       	   	   <div class="liquid-slider wow flipInX animated">
	       	   	   	   <div class="panel-container em-bd">
	       	   	   	   	   <div class="em-con">
	       	   	   	   	   	   <div class="panel-wrapper">
	       	   	   	   	   	   	   <img src="img/erweima.png" alt="" />
        				           <h4 class="font16">我得说我喜欢他们，优化的结果我很满意。和这样一个有着 我得说我喜欢他们，
        					       <br>
        					                   优化的结果我很满意。和这样一个有着 
        				           </h4>
	       	   	   	   	   	   </div>
	       	   	   	   	   </div> 	       	   	   	   	   
	       	   	   	   </div>
	       	   	   </div>
	       	   	   
	       	   </div>
	       </div>
        	
        </div>
        
        <!--第七幕-->
        <div class="container margin-top-30px text-center">
        	<div class="row text-center margin-top-30px">
        		<div class="col-md-12">
        			<h3>行业媒体合作伙伴</h3>
        			<p class="font20">Partners in digital marketing industry</p>
        		</div>
        		<div class="col-md-2 col-xs-4 margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f1.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f2.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f3.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f4.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f5.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f6.jpg"/></a>
        		</div>
        		<div class="col-md-2 col-xs-4  margin-bottom-10">
        			<a href="#" class="img-friend"><img src="img/f7.jpg"/></a>
        		</div>
        	</div>
        </div>
        
        <!--footer-->
        <div class="second-bd" data-stellar-background-ratio="0.7" >
        	<div class="parallax-overlay"></div>
        	<div class="row second-word margin-20-30">
        		<div class="col-md-12 text-center margin-20-30">
        			<h2 class="color-white">关注微尘</h2>
        			<p class="lead text-white">让我们保持在社交媒体上的联系!</p>
        			<img src="img/erweima.png" alt="" />
        		</div>
        	</div>
        </div>
        
        <div class="bottom-all">
        	<h4>微尘</h4>
        	<p>Copyright © 2016<a href="#" class="color-change">微尘</a> . All Rights Reserved.</p>
        </div>
        
        
        
        
        
        
        
        
<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<script type="text/javascript" src="js/jquery.stellar.js" ></script>
<script type="text/javascript" src="js/wow.js" ></script>
<script type="text/javascript" src="js/stickUp.js" ></script>
<script type="text/javascript" src="js/jquery.yx_rotaion.js" ></script>
<script>
	var fullscreen= $(window).height();
		document.getElementById("full-height").style.height=fullscreen+"px";
	$(document).ready(function(){
		$(".yx-rotaion").yx_rotaion({auto:true});	
		new WOW().init();
		$(window).stellar({horizontalScrolling: false});
		//
		$('#slide-btn').click(function(){
			$(document).scrollTop(fullscreen);
		})
		/*
		var $text=$('#title-top');
		setInterval(function(){
			$text.addClass('animated bounceIn');
			setTimeout(function(){
				$text.removeClass('bounceIn');
			},3000);     
		},4500);*/
	});
  
	jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.navbar-wrapper').stickUp();
                });
              });	
</script>
	</body>
</html>
